<div class="tabs">
  <ul class="tabs__links">
    <li>
      <button class="tabs__link">
        <span class="tabs__link__text" data-text="Tab 1">Tab 1</span>
      </button>
    </li>
    <li>
      <button class="tabs__link">
        <span class="tabs__link__text" data-text="Tab 2">Tab 2</span>
      </button>
    </li>
    <li>
      <button class="tabs__link">
        <span class="tabs__link__text" data-text="Tab 3">Tab 3</span>
      </button>
    </li>
    <li>
      <button class="tabs__link">
        <span class="tabs__link__text" data-text="Tab 4">Tab 4</span>
      </button>
    </li>
  </ul>
  <ul class="tabs__contents">
    <li>
      <div class="tabs__content">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Habitasse platea
        dictumst quisque sagittis purus sit amet volutpat consequat. Felis eget
        nunc lobortis mattis aliquam faucibus purus in.
      </div>
    </li>
    <li>
      <div class="tabs__content">
        Praesent tristique magna sit amet purus gravida quis. Amet luctus
        venenatis lectus magna fringilla urna porttitor. Varius duis at
        consectetur lorem donec massa sapien faucibus. Lacus laoreet non
        curabitur gravida arcu ac tortor dignissim.Mauris augue neque gravida in
        fermentum et.
      </div>
    </li>
    <li>
      <div class="tabs__content">
        Nunc congue nisi vitae suscipit tellus mauris a diam maecenas. Diam
        volutpat commodo sed egestas egestas fringilla. A cras semper auctor
        neque vitae. Nulla facilisi morbi tempus iaculis urna id. Ornare lectus
        sit amet est placerat. Ultricies leo integer malesuada nunc vel risus
        commodo viverra.
      </div>
    </li>
    <li>
      <div class="tabs__content">
        Id neque aliquam vestibulum morbi blandit. Et pharetra pharetra massa
        massa. Fames ac turpis egestas maecenas pharetra convallis posuere morbi
        leo. Quisque non tellus orci ac auctor. Euismod elementum nisi quis
        eleifend quam adipiscing. Ut tristique et egestas quis ipsum
        suspendisse.
      </div>
    </li>
  </ul>
</div>
